<template>
  <div :class="styles['review']">
    <h2 class="ato-title ato-mb-12">待复核订单列表:</h2>
    <EnterStoreList :wms-status="3" @wmsHandle="wmsHandle"/>
    <el-drawer v-model="detail.open" :with-header="false" size="100%" destroy-on-close :show-close="false" :close-on-press-escape="false">
      <EnterStoreDetail
          disabled
          prop="review"
          :trackingNo="detail.trackingNo"
          :orderNo="detail.orderNo"
          @close="detail.open = false"
      />
    </el-drawer>
  </div>
</template>

<script setup name="Review">
import {reactive} from 'vue'
import { EnterStoreList, EnterStoreDetail } from '@/components'

// 详情页
const detail = reactive({
  open: false,
  trackingNo: '',
  orderNo: ''
})

// 状态操作按钮
function wmsHandle ({trackingNo, orderNo}) {
  detail.open = true
  detail.trackingNo = trackingNo
  detail.orderNo = orderNo
}

</script>

<style lang="less" src="./index.less" module="styles"></style>
